a{text-decoration: none;}
.body{
  background: linear-gradient(to right,#ffdde1,#ee9ca7,#a7bfe8,#6190e8);
  position: fixed;
  bottom: 0;top: 0;left:0;right: 0;
  background-size: 500% 500%;
  transition: background 3s ease;
  background-position: 50%;
}
.head{
  width: 35rem;height: 28rem;
  background-color: #fff;
  border-radius: 10px;
  position: fixed;
  top:50%;left: 50%;
  transform: translate(-50%,-50%);
}
.a1{display: flex;
  flex-flow: column;
  align-items: center;
}
.a1 h2{
  font-weight: bold;
  color: #ee9ca7;
}
.a1 p{font-size: 1.5rem;}
.pos span{
  background: linear-gradient(to right,#ffdde1,#ee9ca7,#a7bfe8,#6190e8);
  background-size: 500% 500%;
  transition: background 3s ease;
  background-position: 50%;
  width: 3.5rem;height: 3.3rem;
  display: flex;
  border-radius: 9px 0;
  justify-content: center;
  align-items: center;
}
.pos a{
  color: #ededed;
  font-size: 2rem;
}
.zd{display: flex;flex-flow: column;}
.zd a{
  font-size: 1.8rem;
  margin: 1rem;
  background-color: #ee9ca7;
  padding: 1rem 8rem;
  color: #fff;
  font-family: "微软雅黑";
  border-radius: 31px;
  text-decoration: none;
}
.house{background-color: #fff;
  margin: 0 0.5rem 1rem;
  display: flex;
  align-items: center;}
.pic{width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ee9ca7;
  border-radius: 50%;
  margin: 0 0.5rem;}
.pic a{font-size: 1.8rem;text-decoration: none;}

.ul li{margin-top: 0.7rem;color: #FF9BC1;}
.ul li span:hover{margin-left: 1rem;
  color: black;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
